<!DOCTYPE html>
<html lang="en">

<head>
	<title>three.js webgl - framebuffer - texture</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<link type="text/css" rel="stylesheet" href="../main.css">
	<style>
		#selection {
			position: fixed;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			height: 100%;
			width: 100%;
			top: 0;
			z-index: 999;
		}

		#selection>div {
			height: 128px;
			width: 128px;
			border: 1px solid white;
		}
	</style>
</head>

<body>

	<div id="info">
		<a href="https://threejs.org" target="_blank" rel="noopener noreferrer">three.js</a> framebuffer to texture
	</div>

	<div id="selection">
		<div></div>
	</div>

	<script type="module" src="./webgl_framebuffer_texture.ts"></script>

</body>

</html>